<template>
	<view class="box" :style="'height: ' + windowHeight + 'px;width:' + windowWidth">
		<image @click="pre" class="img"
		 src="http://oss.91xiaokong.com/fireControl/navigation/zhixuce/20201222/1.png" mode="widthFix"></image>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				windowHeight: '',
				windowWidth: ''
			};
		},
		onLoad() {
			this.getSystemInfo();
		},
		methods: {
			pre() {
				uni.previewImage({
					urls: ['http://oss.91xiaokong.com/fireControl/navigation/zhixuce/20201222/1.png']
				});
			},
			getSystemInfo() {
				let that = this;
				uni.getSystemInfo({
					success: function(e) {
						console.log(e);
						that.windowHeight = e.windowHeight;
						that.windowWidth = e.windowWidth;
					}
				});
			}
		}
	};
</script>

<style>
	.box {
		display: flex;
		justify-content: center;
	}

	.img {
		width: 638rpx;
		height: 821rpx;
	}

	page {
		width: 100%;
		height: 100%;
	}

	.bg-box {
		background-image: url('http://oss.91xiaokong.com/fireControl/zhixuce/1.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		height: 100%;
	}
</style>
